
.box{ clear: both; margin: 0; padding: 10px 0 0 0; width: 100%; background: url("../img/stu_ly_bj1.jpg")no-repeat center -30px; background-color: #F0F0EE; height: auto;}
.box_con{ background:  no-repeat fixed left bottom; background-size: 30% 50%;}
.box_con{ padding-bottom: 45px;}
.conten{ width: 1200px; margin: 0 auto;}
.res_con{ position: relative; height: auto; margin-top: 28px;}
.res_con ul{}
.res_con>ul>li{  display:block;  float:left; cursor: pointer; text-align:center;  color:#202020;  font-size:16px; height: 48px;  }
.res_con>ul>li:last-child{ margin-right: 0;}
.res_con>ul>li a{  color:#202020; display: inline-block;  }
.res_con>ul>li a p{ padding: 0 22px; height: 48px; line-height: 48px;}
.res_con_box{ font-size:14px; position: relative; width: 100%; }
.res_left{ width: 919px; height: auto;}
.res_left .res_banner{ width: 917px; border: 1px solid #E1E1E1;}
.res_left .res_grade{ clear: both; margin-top: 22px; background: rgba(255,255,255,0.7); padding: 20px; border: 1px solid #dfdfdf;}

.res_grade_con{ position: relative; margin-bottom: 40px;}
.res_grade_con .res_title{ font-size: 20px; line-height: 45px; height: 45px; color: #1F1F1F;}
.res_grade_con>ul{ position: absolute; top: 0; right: 0;}
.res_grade_con>ul>li{  display:block;  float:left; cursor: pointer; text-align:center;  color:#202020;  font-size:16px; height: 45px; line-height: 45px; margin: 0 13px;  }
.res_grade_con>ul>li:last-child{ margin-right: 0;}
.res_grade_con>ul>li a{  color:#202020; display: inline-block;  }
.res_grade_con>ul>li a:hover{ color: #3FABF6;}
.res_grade_con>ul>li a p{ padding: 0 2px; height: 24px; line-height: 24px; margin-top: 10px; font-size: 14px;}
.res_grade_con .res_grade_list{ clear: both; margin-top: 12px;}


.res_grade_wk>ul>li{ position: relative; float: left; margin-right: 11px; width: 206px; height: 173px; padding: 1px; background-color: #fff; border: 1px solid #cdcdcd;}
.res_grade_wk>ul>li:last-child{ margin-right: 0;}
.res_grade_wk>ul>li img{ width: 206px; height: 95px;}
.res_grade_wk>ul>li .label{ position: absolute; top: 1px; left: 1px; background-color: #FEC629; color: #fff; font-size: 12px; height: 20px; line-height: 20px; width: 60px; text-align: center;}
.res_grade_wk>ul>li p{ padding: 0 13px;}
.res_grade_wk>ul>li p.title{ font-size: 16px; padding-top: 8px;}
.res_grade_wk>ul>li p.title a{ color: #333;}
.res_grade_wk>ul>li p.info{ color: #7a7a7a; font-size: 12px; line-height: 19px; padding-top: 2px;}
.res_grade_wk>ul>li p.upload_info{ display: none; line-height: 19px; font-size: 12px; padding-top: 3px; color: #7a7a7a;}
.res_grade_wk>ul>li p.upload_info span{ color: #66B7F8;}


.res_grade_class>ul>li{ position: relative; width: 118px; border: 1px solid #ccc; margin-right: 31px; float: left;}
.res_grade_class>ul>li:last-child{ margin-right: 0;}
.res_grade_class>ul>li img{ width: 118px; height: 166px;}
.res_grade_class>ul>li .label_count{ position: absolute; top: 0; left: 0; width: 24px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; background-color: #FEC629; color: #fff; }
.res_grade_class>ul>li .label_name{ position: absolute; bottom: 0; left: 0; width: 118px; text-align: center; font-size: 14px; height: 26px; line-height: 26px; background-color: #FEC629; color: #fff;}
.res_grade_class>ul>li .label_name a{color: #fff;}
.res_grade_class>ul>li:hover .label_name{ color: #202020;}
.res_grade_class>ul>li:hover .label_name a{ color: #202020;}



.res_right{ width: 261px; height: auto;}
.res_right .res_count{ background: rgba(255,255,255,0.9); text-align: center; border: 1px solid #e1e1e1; padding: 19px 0 29px 0;}
.res_right .res_count .res_count_title{ line-height: 36px; height: 36px; width: 169px; margin: 0 auto 0; border-bottom: 1px dashed #B3B4B6;}
.res_right .res_count p{ line-height: 62px; height: 62px; color: #3EACF9; font-size: 23px;}
.res_right .res_count p span{ color: #555; font-size: 14px;}
.res_right .res_count .res_upload{ position: relative; cursor: pointer; width: 162px; font-size: 16px; line-height: 41px; height: 41px; background-color: #FEC629; border-radius: 3px; margin: 0 auto; padding-left: 30px;}
.res_right .res_count .res_upload:before{ content: ''; width: 19px; height: 19px; position: absolute;  background-position: 0 0; top: 12px; left: 32px; }

.res_ranking{ margin-top: 22px; background: rgba(255,255,255,0.7); border: 1px solid #d7d7d7;}
.res_ranking .res_ranking_title{ padding: 13px 18px; line-height: 35px; height: 35px; font-size: 20px; color: #202020;}
.res_ranking>ul{ padding: 10px 18px;}
.res_ranking>ul>li{ position: relative; height: 25px; margin-bottom: 13px; color: #555; white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.res_ranking>ul>li span{ position: absolute; width: 16px;  height: 25px; margin-right: 13px; display: inline-block; text-align: center; font-size: 12px;}
.res_ranking>ul>li .bj_1{ background-image: url("../img/res_xiaobiao.png"); background-position: 28px -9px; color: #fff; }
.res_ranking>ul>li .bj_2{ background-image: url("../img/res_xiaobiao.png"); background-position: 28px -47px; color: #fff; }
.res_ranking>ul>li .bj_3{ background-image: url("../img/res_xiaobiao.png"); background-position: 28px -84px; color: #fff; }
.res_ranking>ul>li a{ color: #555; padding-left: 25px;}
.res_ranking>ul>li a:hover{ color: #3FAAF8;}


.res_resource{margin-top: 22px; background: rgba(255,255,255,0.7); border: 1px solid #d7d7d7;}
.res_resource .res_ranking_title{ padding: 13px 18px; line-height: 28px; height: 28px; font-size: 20px; color: #202020;}
.res_resource>ul{ padding: 10px 18px;}
.res_resource>ul>li{ position: relative; height: 25px; line-height: 25px; margin-bottom: 13px; color: #555; white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.res_resource>ul>li span{ width: 18px;height: 18px; margin-right: 13px; display: inline-block; text-align: center; font-size: 12px; position: absolute; top: 5px; }
.res_resource>ul>li .bj_folder{ background-image: url("../img/icon13.png");  background-position: 0 -26px; color: #fff; }

.res_resource>ul>li a{ color: #555; padding-left: 25px;}
.res_resource>ul>li a:hover{ color: #3FAAF8;}




